<template>
	<c-pop-box>
		<view class="c-qa-success bg-color-white border-radius20 padding-top37 padding-bottom93">
			<view class="dis-flex margin-bottom24">
				<image style="width:460upx;height:460upx" src="/static/images/ui_kj_success.png"></image>
			</view>
			<view class="dis-flex margin-bottom86">
				<view class="font-size32" style="color:#878586">恭喜获得{{name}} <text class="font-size37 color-red margin-left10">x1</text></view>
			</view>
			<view class="dis-flex margin-bottom44">
				<view @tap="goFound()" class="dis-flex height84 border-radius" style="width:523upx;background-color:#FE5E00">
					<text class="font-size33 color-white line-height">立即领取</text>
				</view>
			</view>
			<view class="dis-flex">
				<button open-type="share" class="dis-flex height84 border-radius" style="width:523upx;background-color:#475FE5">
					<text class="font-size33 color-white line-height">炫耀一下</text>
				</button>
			</view>
		</view>
	</c-pop-box>
</template>
<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex';
	import CPopBox from '@/components/global/c-pop/c-pop-box';
	export default {
		name: 'c-bargain-success',
		props: {
			value: {
				type: Object,
				default: {}
			}
		},
		components: {
			CPopBox
		},
		data() {
			return {
				list: []
			};
		},
		watch: {},
		computed: {
			name:function(){ 
				return this.value.name || '皮肤'
			},
		},
		methods: {
			...mapActions('pop', ['popShow']),
			goFound() {
				this.popShow();
				// this.$store.dispatch('videoAd/show', {
				// 	success: () => {
						uni.redirectTo({
							url: '/pages/bargain/found/found?id='+this.value.id
						});
					// },
				// 	fail: () => {
				// 		uni.showToast({
				// 			title: '播放失败',
				// 			icon: 'none'
				// 		});
				// 	}
				// });
			},
			btnShare() {
				console.log('分享');
			}
		},
		created() {},
		mounted() {}
	};
</script>
<style lang="scss" scoped>
	.c-qa-success {
		width: 632upx;
		min-height: 868upx;
	}
</style>
